<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{$site_home}{$site_title}</title>
    <link href="__THEME__/assets/css/zui.min.css" rel="stylesheet" type="text/css">
    <link href="__THEME__/assets/css/zui-theme.css" rel="stylesheet" type="text/css">
    <link href="__THEME__/style.css" rel="stylesheet" type="text/css">
    <link href="__THEME__/assets/swiper/css/swiper.min.css" rel="stylesheet" type="text/css">
    <script src="__THEME__/assets/js/jquery.js"></script>
    <script src="__THEME__/assets/js/zui.min.js"></script>
</head>

<body>
    {include file="cn/include/header" active="index" /}
    <div class="swiper-container">
        <div class="swiper-wrapper">
            {assign name="list" value=":sp_article(51)"}
            {volist name="list" id="vo"}
            <div class="swiper-slide">
                <div class="content">
                    <div class="txt">
                        <h3>{$vo['wsarticle_title']}</h3>
                        <p>UPS today announced a series of service </p>
                        <p>UPS today announced a series of service </p>
                    </div>
                    <a href="{$vo['wsarticle_page']}" class="btn btn-info pull-right" style="margin-top: 10px;border-radius: 25px;">Details</a>
                </div>
                <div class="img-fix">
                    <div class="img-inner"><img src="{:sf_getimg($vo['wsarticle_image'])}" class="img"></div>
                </div>
            </div>
            {/volist}
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-3 service">
                <a href="{:url('/')}" class="text-center">
                    <h5>主题风格</h5>
                    <p>各种行业、各种风格、用心打造</p>
                    <i class="icon icon-desktop icon-5x"></i>
                </a>
            </div>
            <div class="col-md-3 service">
                <a href="{:url('/')}" class="text-center">
                    <h5>建站服务</h5>
                    <p>设计精美、服务到位、高端品质</p>
                    <i class="icon icon-server icon-5x"></i>
                </a>
            </div>
            <div class="col-md-3 service">
                <a href="{:url('/')}" class="text-center">
                    <h5>插件功能</h5>
                    <p>功能丰富、安装方便，小插件大精彩</p>
                    <i class="icon icon-umbrella icon-5x"></i>
                </a>
            </div>
            <div class="col-md-3 service">
                <a href="{:url('/')}" class="text-center">
                    <h5>设计服务</h5>
                    <p>专业的团队，多年设计经验</p>
                    <i class="icon icon-rocket icon-5x"></i>
                </a>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="text-center titles">
            <h2>为天下企业提供专业的管理工具</h2>
            <p>专注企业官网建设，功能完备，操作方便，全平台优雅体验 </p>
        </div>
        <div class="row" style="padding-bottom: 40px;">
            <div class="col-md-3 text-center func">
                <i class="icon icon-window icon-4x"></i>
                <h4>内容管理</h4>
                <p>强大的文章内容管理系统，可定时发布</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-shopping-cart icon-4x"></i>
                <h4>商城系统</h4>
                <p>可在线跟踪物流状态，直观方便</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-user icon-4x"></i>
                <h4>会员积分</h4>
                <p>第三方快捷登录，降低网站注册门槛</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-layout icon-4x"></i>
                <h4>布局设计</h4>
                <p>内置丰富多样的主题风格，一键切换</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-lightbulb icon-4x"></i>
                <h4>SEO优化</h4>
                <p>伪静态网址、关键词、语义化结构</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-wechat icon-4x"></i>
                <h4>微信支持</h4>
                <p>微信公众号支持，网站和微信紧密关联</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-diamond icon-4x"></i>
                <h4>安全保护</h4>
                <p>全面过滤用户输入数据，浏览器指纹</p>
            </div>
            <div class="col-md-3 text-center func">
                <i class="icon icon-rocket icon-4x"></i>
                <h4>多种语言</h4>
                <p>一个系统可做多套网站，跨国公司必备</p>
            </div>
        </div>
    </div>
    <div class="bg-default" style="padding-bottom: 60px;">
        <div class="container">
            <div class="titles text-center">
                <h2>面向未来的企业级建站系统</h2>
                <p>专注企业官网建设，功能完备，操作方便，全平台优雅体验</p>
            </div>
            <div class="row">
                <div class="col-md-3">
                    <img src="__THEME__/images/group-1.jpg" class="">
                    <div class="group">
                        <h3>加友链，免费送主题</h3>
                        <p>活动时间：至2020年12月31日</p>
                        <a href="#" class="btn btn-info">查看详情</a>
                    </div>
                </div>
                <div class="col-md-3">
                    <img src="__THEME__/images/group-2.jpg" class="">
                    <div class="group">
                        <h3>轻松做任务，赚积分</h3>
                        <p>活动时间：至2020年12月31日</p>
                        <a href="#" class="btn btn-info">查看详情</a>
                    </div>
                </div>
                <div class="col-md-3">
                    <img src="__THEME__/images/group-3.jpg" class="">
                    <div class="group">
                        <h3>网站免费体检</h3>
                        <p>活动时间：至2020年12月31日</p>
                        <a href="#" class="btn btn-info">查看详情</a>
                    </div>
                </div>
                <div class="col-md-3">
                    <img src="__THEME__/images/group-4.jpg" class="">
                    <div class="group">
                        <h3>专业的PHP加密解决方案</h3>
                        <p>活动时间：至2020年12月31日</p>
                        <a href="#" class="btn btn-info">查看详情</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container features">
        <div class="text-center titles">
            <h2>全球领先、安全、稳定的建站系统</h2>
            <p>专注企业官网建设，功能完备，操作方便，全平台优雅体验</p>
        </div>
        <div class="text-center">
            <ul class="nav nav-primary">
                <li class="active"><a data-tab href="#tabContent1">系统开源版</a></li>
                <li><a data-tab href="#tabContent2">系统专业版</a></li>
                <li><a data-tab href="#tabContent3">系统商业版</a></li>
                <li><a data-tab href="#tabContent4">系统插件</a></li>
                <li><a data-tab href="#tabContent5">系统主题</a></li>
            </ul>
        </div>
        <div class="tab-content">
            <div class="tab-pane active" id="tabContent1">
                <div class="row">
                    <div class="col-md-6">
                        <ul>
                            <li>专注企业官网建设、功能完备、操作方便，企业可二次开发作为业务平台，深度SEO、响应布局、全平台优雅体验。</li>
                            <li><i class="icon icon-check-sign"></i> <span>一个网站，电脑、手机、微信体验俱佳</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>内置微信公众平台功能，移动互联，我来做主</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>全方位针对搜索引擎优化，轻松斩获最佳排名</span></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <img src="__THEME__/images/blog1.png">
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tabContent2">
                <div class="row">
                    <div class="col-md-6">
                        <ul>
                            <li>提升网站营销推广力度，商城模块功能更专业，加强与用户的互动沟通，更强的技术支持！</li>
                            <li><i class="icon icon-check-sign"></i> <span>在线视频丰富网站内容多元化</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>礼品兑换支持会员积分兑换产品</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>会员等级关联产品价格，促进网站用户活跃度</span></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <img src="__THEME__/images/blog2.png">
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tabContent3">
                <div class="row">
                    <div class="col-md-6 side">
                        <ul>
                            <li>一台服务器，一套系统，一键创建新站点。不限制站点个数，轻松创建上百个站点，真正的一站式管理。</li>
                            <li><i class="icon icon-check-sign"></i> <span>系统设置功能</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>版本设置功能，默认设置三个版本，可以自定义</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>站点在线批量升级功能</span></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <img src="__THEME__/images/blog3.png">
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tabContent4">
                <div class="row">
                    <div class="col-md-6 side">
                        <ul>
                            <li>功能丰富、安装方便，小插件大精彩。轻松玩转网站千百变。</li>
                            <li><i class="icon icon-check-sign"></i> <span>底层框架自主开发，结构先进灵活</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>自主开发UI框架，更适合国人习惯</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>内置扩展机制，方便企业定制开发</span></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <img src="__THEME__/images/blog2.png">
                    </div>
                </div>
            </div>
            <div class="tab-pane" id="tabContent5">
                <div class="row">
                    <div class="col-md-6 side">
                        <ul>
                            <li>各种行业、各种风格，资深网站设计师打造，低投入也能高大上。</li>
                            <li><i class="icon icon-check-sign"></i> <span>图文并茂，属性橱窗一应俱全 </span></li>
                            <li><i class="icon icon-check-sign"></i> <span>自由设计，百变网站随意搭</span></li>
                            <li><i class="icon icon-check-sign"></i> <span>专业的团队，多年设计经验，对于设计——我们要求比您更高</span></li>
                        </ul>
                    </div>
                    <div class="col-md-6">
                        <img src="__THEME__/images/blog1.png">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="cases">
        <div class="container">
            <div class="text-center titles">
                <h2>与全球合作伙伴携手共赢</h2>
                <p>专注企业官网建设，功能完备，操作方便，全平台优雅体验</p>
            </div>
            <div class="row" style="padding-bottom: 40px;">
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-1.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-2.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-3.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-4.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-1.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-2.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-3.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-4.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-1.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-2.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-3.png" class=""></a>
                </div>
                <div class="col-md-3 case">
                    <a href="#"><img src="__THEME__/images/case-4.png" class=""></a>
                </div>
            </div>
        </div>
    </div>
    {include file="cn/include/footer" /}
    <script src="__THEME__/assets/swiper/js/swiper.min.js"></script>
    <script type="text/javascript">
    $(document).ready(function() {
        var swiper = new Swiper('.swiper-container', {
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    });
    </script>
</body>

</html>


